@extends('layouts.app')

@section('content')
<div class="container">
	<!-- 轮播图开始 -->
	<div class="row">
		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				<!-- <li data-target="#carousel-example-generic" data-slide-to="2"></li> -->
			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<img src="/images/banner.png" alt="">
					<div class="carousel-caption">
						
					</div>
				</div>
				<div class="item">
					<img src="/images/banner.png" alt="">
					<div class="carousel-caption">
						
					</div>
				</div>
				
			</div>
		</div>
	</div>
	<!-- 轮播图结束 -->

	<!-- 头像信息开始 -->
	<div class="row" style="background-color: #fff8c4;height: 130px;">
		
		<div class="row"  style="margin: 0 10%;padding-top: 20px;">
			<div class="row">
				
				<div class="col-xs-2">
					<img src="/images/headimg.png" height="60" alt="" class="img-circle pull-right">
				</div>
				<div class="col-xs-10 pull-left">
					
					<div>
						<b> <span>名称</span></b>
					</div>
					<div>
						<span >金币：20</span>
						<a class="pull-right edit-info" href="/edit" >编辑资料</a>
					</div>
					
				</div>
			</div>
		</div>

		<div class="row" style="text-align: center;margin:20px auto;width: 80%; ">
			<div class="col-xs-3 border-right">我的教学</div>
			<div class="col-xs-3 border-right">课表</div>
			<div class="col-xs-3 border-right">作业批改</div>
			<div class="col-xs-3">学习园地</div>
			
		</div>	
		
	</div>
	<!-- 头像信息结束 -->
	
	<!-- 课程信息开始 -->
	<div style="margin: 15px auto;">
		<div class="row">
			<div class="col-xs-12">
				<span class="color222"><b>教学资料</b></span>
			</div>
			<form class="form-inline col-xs-8"  style="margin: 15px auto;">
				<div class="form-group">
					<label for="search" class="sr-only">Password</label>
					<input type="text" class="form-control" id="search" placeholder="请输入关键字">
				</div>
				<button type="submit" class="btn btn-default">查询</button>
			</form>
			<div class="col-xs-4" style="margin-top: 25px;">
				<span class="pull-right">查看全部>></span>
			</div>
		</div>
		<hr>
		<div>
			<div class="row" style="margin: 15px auto;width: 90%;">
				<div class="col-xs-2">
					<img src="/images/headimg.png" height="100" width="140" alt="" class="img-rounded pull-right">
				</div>
				<div class="col-xs-10 pull-left">
					<p></p>
					<div>
						<b> <span class="color222">商业第一讲：谈判</span></b>
					</div>
					<div>
						<span>课时：45分钟</span>
					</div>
					<div>
						<span class="pull-right enter-lesson color222" >确认使用</span>
						<span class="pull-right preview color222">
							<img src="/images/preview.png" width="20" alt="">
						预览
						</span>
					</div>	
				</div>
				
			</div>
			<div>
				<hr style="width: 90%;">
			</div>

			<div class="row" style="margin: 15px auto;width: 90%;">
				<div class="col-xs-2">
					<img src="/images/headimg.png" height="100" width="140" alt="" class="img-rounded pull-right">
				</div>
				<div class="col-xs-10 pull-left">
					<p></p>
					<div>
						<b> <span class="color222">商业第一讲：谈判</span></b>
					</div>
					<div>
						<span class="">课时：45分钟</span>
					</div>
					<div>
						<span class="pull-right enter-lesson color222" >确认使用</span>
						<span class="pull-right preview color222">
							<img src="/images/preview.png" width="20" alt="">
						预览
						</span>
					</div>	
				</div>
				
			</div>

			<div>
				<hr style="width: 90%;">
			</div>


			<div class="row" style="margin: 15px auto;width: 90%;">
				<div class="col-xs-2">
					<img src="/images/headimg.png" height="100" width="140" alt="" class="img-rounded pull-right">
				</div>
				<div class="col-xs-10 pull-left">
					<p></p>
					<div>
						<b> <span class="color222">商业第一讲：谈判</span></b>
					</div>
					<div>
						<span class="">课时：45分钟</span>
					</div>
					<div>
						<span class="pull-right enter-lesson color222" >确认使用</span>
						<span class="pull-right preview color222">
							<img src="/images/preview.png" width="20" alt="">
						预览
						</span>
					</div>	
				</div>
				
			</div>
		</div>

		<hr>

		<div class="row">
			<div class="col-xs-12">
				<span class="color222"><b>课后反馈</b></span>
			</div>
			<form class="form-horizontal" style="width: 90%;margin: 0 auto;">
				<div class="form-group">
					<label for="title" class="col-sm-1 control-label">标题</label>
					<div class="col-sm-11">
						<input type="text" class="form-control" id="title" placeholder="请填写标题">
					</div>
				</div>
				<div class="form-group">
					<label for="content" class="col-sm-1 control-label">重点内容</label>
					<div class="col-sm-11">
						<textarea class="form-control" id="content" placeholder="请填写重点句子、词汇" rows="5"></textarea>
					</div>
				</div>
				
				<div class="form-group">
					<div class="col-sm-2 pull-right">
						<button type="submit" class="btn btn-yellow">提交</button>
					</div>
				</div>
			</form>
		</div>
	</div>
	<!-- 课程信息结束 -->
</div>
@endsection
